<template>
    <div class="app">
        <h1>不良帅</h1>
        <h2>不良人</h2>
        <hr />
        <!-- <testStyle></testStyle> -->
        <component :is="page"></component>
        <input type="button" value="装载样式组件" @click="page='testStyle'">
    </div>
</template>
<script>
import testStyle from "./components/textStyle";
export default {
    components: {
        testStyle
    },
    data() {
        return {
            page: ""
        };
    }
};
</script>
<style scoped>
h1 {
    color: chartreuse;
}
h2 {
    color: blue;
}
</style>